@extends('layouts.back_stage')
@section('content')
    <script src="{{env('CDN_DOMAIN_NAME')}}/js/commonjs/jquery.page.js?v=1.0.3"></script>
    <style>
        .seek_p{width:100%;margin:0 auto;padding-top:10px;}
        .seek_lab{width:185px;line-height:30px;margin-right:10px;}
        .seek_sel{width:130px;height: 30px;line-height:30px;float:right;outline:none;font-size: 13px;padding:5px 10px;font-weight: normal;border-radius: 2px;color: #555;background:#fff;background-image: none;border: 1px solid #cfdadd;box-shadow: none;}
        .bt_del{text-align: center;display:inline-block;}
        .fabric-choose{width:100%;line-height:30px;height:30px;margin:20px auto;}
        .fabric_div1{width:100%;}
        .fabric_div2{width:100%;}
        .fabric_div3{width:150%;}
        .tab1,.tab2,.tab3{border-collapse:collapse;width:100%;font-size:14px;color:#383838;background:#fff;margin-bottom:10px;}
        table td{text-align:center;height:35px;}
        table,th,td{border:1px solid #ccc;}

        .oneTb{width:25%;overflow-x:scroll;overflow-y:hidden;min-height:100px;float:left;margin-bottom:0;}
        .twoTb{width:73%;overflow-y:scroll;overflow-x:hidden;float:right;height:455px;}
        .threeTb{width:100%;overflow:scroll;max-height:450px;margin-top:30px;float:left;}
        .one_tr,.two_tr{cursor:pointer;}
        .one_tr.in{background:#27c24c;color:#fff;}
        .two_tr.on{background:#27c24c;color:#fff;}
        .two_tr.on .bgf{background:#fff;}
        ::-webkit-scrollbar{width:5px;height:5px;}
        .colr{color:red;}
        input[type='checkbox']{
            content:'';
            -webkit-appearance : none ;
            width:15px;
            height:15px;
            border:0;
            outline: none;
            background:#fff url("/img/radio.png") no-repeat center center;
            background-size:100%;
            cursor:pointer;
        }
        input[type='checkbox']:checked{
            content: '√';
            -webkit-appearance : none ;
            background: url("/img/radioChecked.png") no-repeat center center;
            background-size:100%;
            outline: none;
            border:none;
            cursor:pointer;
        }
    </style>
    <div class="container">
        {{--采购篮--}}
        <div style="padding:20px 0;"><h3>采购篮</h3></div>
        <div class="fabric-choose">
            <span>共<span class="mate_count">{{$purchase_lists_count}}</span>条信息</span>
            <a class="btn btn-info bt_a" href="javascript:;" onclick="creBas()">生成采购</a>
            <a class="btn btn-info bt_a" href="javascript:;" onclick="canBas()">取消采购篮</a>
            <a class="btn btn-info bt_a" href="javascript:;" onclick="addBas()">加入采购篮</a>
        </div>
        <div class="form-group oneTb">
            <div class="fabric_div1">
                <table class="tab1">
                    <thead>
                        <tr><td>供应商</td><td>面料款数</td></tr>
                    </thead>
                    <tbody>
                    @if(count($purchase_lists))
                        @foreach($purchase_lists as $k => $v)
                            <tr class="one_tr" abc="{{$v->supplier_id}}" def="{{$v->cloth_id}}">
                                <td>{{$v->supplier_name}}</td>
                                <td>1</td>
                            </tr>
                        @endforeach
                    @else
                        <tr><td colspan="2">无数据</td></tr>
                    @endif
                    </tbody>
                </table>
            </div>
        </div>
        <span class="page1" style="float:right;margin-bottom:15px;"></span>
        <div style="width:1%;border-right:1px solid #ccc;float:left;height:470px;"></div>
        <div class="form-group twoTb">
            <div class="fabric_div2">

            </div>
        </div>
        <div style="width:100%;border-top:1px solid #ccc;float:left;height:1px;"></div>
        <div class="form-group threeTb">
            <div class="fabric_div3">

            </div>
        </div>
    </div>
    <script src="{{env('CDN_DOMAIN_NAME')}}/js/basketBox.js?v=1.0.2"></script>
@endsection
